function border(Elem, plaats){

    if(plaats == "midden"){
        setMidden(Elem);
    } else if(plaats == "onder"){
        setOnder(Elem)
    }

    clear(plaats);
    select(Elem,plaats);
}

function setMidden(Elem){
    var textbox = document.getElementsByName("selectMidden");
        textbox[0].value = Elem.id;
}

function setOnder(Elem){
    var textbox = document.getElementsByName("selectOnder");
        textbox[0].value = Elem.id;
}

function select(Elem) {
    Elem.style.border = ("2px solid red");
    return Elem;
}

function clearAll(){
    clear("midden");
    clear("onder");
}

function clear(plaats){
    var kaarten = null;

    if(plaats == "midden"){
        kaarten = document.getElementsByName("midden");
    } else if(plaats == "onder"){
        kaarten = document.getElementsByName("onder");
    }

    var len = kaarten.length;

    for(var i=0; i< len; i++){
        kaarten[i].style.border = ('none');
    }
    return kaarten;
}
